<template>
<div class="blank-wrap">
  <p v-if="tabName" :class="tabName + '_blank'">
    {{$t('blank.' + tabName)}}
  </p>
</div>
</template>
<script>
  export default {
    name: 'Blank',
    data () {
      return {
      }
    },
    computed: {
      tabName () {
        return this.$store.state.blank || ''
      }
    },
    beforeMount () {
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../assets/common.styl"
  /*用background而没用img是为了以防tabName取不到导致图片路径不对加载不到*/
.blank-wrap
  height 100%
  .cdr_call_blank
    background url(../../../assets/img/cdr_call_blank.png) no-repeat center top
    background-size 200px
  .cdr_outbound_blank
    background url(../../../assets/img/cdr_call_blank.png) no-repeat center top
    background-size 200px  
  .cdr_pending_blank
    background url(../../../assets/img/cdr_pending_blank.png) no-repeat center top
    background-size 200px
  .cdr_my_blank
    background url(../../../assets/img/cdr_my_blank.png) no-repeat center top
    background-size 200px
  .cdr_all_blank
    background url(../../../assets/img/cdr_all_blank.png) no-repeat center top
    background-size 200px
  .customer_my_blank
    background url(../../../assets/img/customer_my_blank.png) no-repeat center top
    background-size 200px
  .customer_plan_blank
    background url(../../../assets/img/customer_plan_blank.png) no-repeat center top
    background-size 200px
  .customer_all_blank
    background url(../../../assets/img/customer_all_blank.png) no-repeat center top
    background-size 200px
  .business_undeal_blank
    background url(../../../assets/img/business_undeal_blank.png) no-repeat center top
    background-size 200px
  .business_my_blank
    background url(../../../assets/img/business_my_blank.png) no-repeat center top
    background-size 200px
  .business_all_blank
    background url(../../../assets/img/business_all_blank.png) no-repeat center top
    background-size 200px
  .email_todo_blank
    background url(../../../assets/img/email_todo_blank.png) no-repeat center top
    background-size 200px
  .email_all_blank
    background url(../../../assets/img/email_all_blank.png) no-repeat center top
    background-size 200px
  .webchat_todo_blank
    background url(../../../assets/img/webchat_todo_blank.png) no-repeat center top
    background-size 200px
  .webchat_queue_blank
    background url(../../../assets/img/webchat_queue_blank.png) no-repeat center top
    background-size 200px
  .webchat_robot_blank
    background url(../../../assets/img/webchat_robot_blank.png) no-repeat center top
    background-size 200px
  .webchat_all_blank
    background url(../../../assets/img/webchat_all_blank.png) no-repeat center top
    background-size 200px
  .webchat_laterProcess_blank
    background url(../../../assets/img/webchat_laterProcess_blank.png) no-repeat center top
    background-size 200px
  p
   margin-top 16%
   padding 220px 10% 0
   line-height 1.5
   text-align center
   color $cf-gray4
</style>
